import React, { Component } from 'react'
import { NavLink } from 'react-router-dom'

type Props = {
    list:Array<{
        path:string,
        name:string
    }>
}

type State = {}

export default class TabBar extends Component<Props, State> {
  state = {}

  render() {
    return (
      <div>
          {
              this.props.list.map((item,index)=>{
                  return    <NavLink key={index} to={item.path}></NavLink>
              })
          }
      </div>
    )
  }
}